<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=yes"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="${keywords}" />
  <meta name="description" content="${description}" />
  <!-- 360默认极速模式 -->
  <meta name=”renderer” content=”webkit” />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/border.css" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/iconfont.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/zixun.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
   <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>${tile}</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <span class="iconfont icon-caidan"></span>
      <div class="hide" id="navs">
        <div id="cover"></div>
        <div class="navs-content">
          <ul class="nav">
            <li class="nav-item"><a href="/">首页</a></li>
            <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
              <ul class="sub-nav">
                <li><a href="/huahan/oem">必过在线OEM平台</a></li>
                <li><a href="/huahan/teachers">全科目数字化课程产品</a></li>
                <li><a href="http://www.e-xiaot.com/" target="_blank">E校通教育与知识数字化工具</a></li>
                <li><a href="/huahan/edu">教务数字化管理系统</a></li>
                <li><a href="/huahan/crm">CRM数字化营销系统</a></li>
                <li><a href="/huahan/student">学员数字化学习服务</a></li>
              </ul>
            </li>
            <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
              <ul class="sub-nav">
                <li><a href="/huahan/solution?tab=1">职业资格证</a></li>
                <li><a href="/huahan/solution?tab=2">学历教育</a></li>
                <li><a href="/huahan/solution?tab=3">教育机构</a></li>
                <li><a href="/huahan/solution?tab=4">企业培训</a></li>
                <li><a href="/huahan/solution?tab=5">知识付费</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="arrow" href="#">关于华翰</a>
              <ul class="sub-nav">
                <li><a href="/huahan/about">华翰故事</a></li>
                <li><a href="/huahan/brandDynamic?categoryId=1&page=1">品牌动态</a></li>
                <li><a href="/huahan/conncetUs">联系我们</a></li>
              </ul>
            </li>
          </ul>
          <div class="action">
            <a href="http://oem.beegoedu.com/oemv2/login" target="_blank">
              <div class="btn btn-login">登录</div>
            </a>
            <a href="http://oem.beegoedu.com/oemv2/reg" target="_blank">
              <div class="btn btn-try">获取演示</div>
            </a>
          </div>
        </div>
      </div>
    </div>
    
  </header>
  <div class="content" id="contents">
    <div class="content-top">
      <div class="box">
       
        <div class="content-top-right">
          <div class="til">提供教育数字化完整解决方案，致力服务于</div>
          <div class="list"><span>50万+</span>
            <div>教培机构</div>
          </div>
          <div class="list"><span>200万+</span>
            <div>知识付费群体</div>
          </div>
          <div class="list"><span>1000万+</span>
            <div>企业内训平台</div>
          </div>
        </div>
      </div>
    </div>
     <div class="content-top-left">
          <div class="til">如您急需咨询请拨打免费服务热线：</div><span>400-001-5920（转1）</span>
        </div>
    <div class="formbox w">
      <form action="" id="client">
        <div class="list">
          <div class="list-name"><span class="xing">*</span> 您的姓名：</div>
          <div class="list-con"><input type="text" name="name" placeholder="请输入您的姓名"/></div>
        </div>
        <div class="list">
          <div class="list-name"><span class="xing">*</span> 公司/机构名称：</div>
          <div class="list-con"><input type="text" name="agency" placeholder="请输入贵公司/机构名称" /></div>
        </div>
        <div class="list">
          <div class="list-name"><span class="xing">*</span> 手机号码：</div>
          <div class="list-con"><input type="number" name="mobile" placeholder="请输入手机号码" /></div>
        </div>
        <div class="list">
          <div class="list-name"><span class="xing">*</span> 您希望了解的产品功能：
          </div>
          <div class="list-con">
            <div class="checkboxs">
              <div class="w318"> <input type="checkbox" name="productFunction" value="必过OEM网校平台" id="a1" /><label
                  for="a1"></label><span>必过OEM网校平台</span></div>
              <div class="w225"> <input type="checkbox" name="productFunction" value="ECRM教育CRM营销系统" id="a2" /><label
                  for="a2"></label><span>CRM数字化营销</span></div>
              <div class="w186"> <input type="checkbox" name="productFunction" value="知识付费教育数字化工具" id="a3" /><label
                  for="a3"></label><span>知识付费教育数字化工具</span></div>
              <div class="w318"><input class="w318" type="checkbox" name="productFunction" value="自考/成考/资格证/考研等课程OEM资源"
                  id="a4" /><label class="" for="a4">

                </label><span>自考/成考/资格证/考研等课程OEM资源</span></div>
              <div class="w225"> <input type="checkbox" name="productFunction" value="机构教务管理系统" id="a5" /><label
                  class="" for="a5">

                </label><span>机构教务管理系统</span></div>
              <div class="w186"> <input type="checkbox" name="productFunction" value="教育直播产品" id="a6" /><label class=""
                  for="a6">

                </label><span>教育直播产品</span></div>
              <div class="w318"> <input class="w318" type="checkbox" name="productFunction" value="企业内部培训教育平台"
                  id="a7" /><label class="" for="a7">

                </label><span>企业内部培训教育平台</span></div>
              <div class="w225"> <input type="checkbox" name="productFunction" value="知识产品分销平台" id="a8" /><label
                  class="" for="a8">

                </label><span>知识产品分销平台</span></div>
            </div>

          </div>
        </div>
        <div class="list">
          <div class="list-name">请简单描述您的要求：</div>
          <div class="list-con"><textarea type="text" name="description" style="resize:none"
              placeholder="您希望满足什么需求或解决什么问题"></textarea>
          </div>
        </div>
        <div class="list">
          <!-- <span class="list-name"></span> -->
          <div class="list-con">
            <div class="btn">立即获取</div>
          </div>
        </div>
      </form>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wxcode"><span>官方服务号</span><img src="./image/service.png" alt="华翰科技官方服务号"></div>
        <div class="wxcode"><span>官方订阅号</span><img src="./image//subscription.png" alt="华翰科技官方订阅号"></div>
      </div>
      <div class="phone">
        <span>全国免费咨询服务热线</span>
        <div class="number">400-001-5920</div>
      </div>
      <div class="footer-bottom">
        <div class="address">总部地址：<div>广东省广州市高新技术开发区科汇金谷四街11号9层</div></div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、温州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <div class="hr"></div>
        <ul class="copyright">
          <li><a href="/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
            44011202000209号</a></li>
          <li><a href="/cert-e.html" target="_blank">出版物经营许可证</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. <div>广州华翰教育科技有限公司 版权所有</div></div>
  </footer>

  <div class="showModal">
    <div class="modalbox">
      <div class="tishi">提示</div>
      <div class="success">
        <img src="./image/success.png" alt="成功" />
        <div class="modal-tips-til">提交成功！</div>
        <div class="modal-tips-txt">我们正在安排专业的业务经理来为您服务！如您急需咨询请致电</div>
        <div class="modal-tips-phone">400-001-5920（转1）</div>
      </div>
      <div class="fail">
        <img src="./image/fail.png" alt="失败" />
        <div class="modal-tips-til">提交失败！</div>
        <div class="modal-tips-txt">请填写正确信息，再提交！ 如您急需咨询请致电</div>
        <div class="modal-tips-phone">400-001-5920（转1）</div>
      </div>

      <div class="modal-tips-btn">好的</div>
    </div>
  </div>

  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="zhuanshu">
        <span class="col">专属客服</span>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <a href="tel:400-001-5920">
          <div class="img"></div>
          <span>咨询电话</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item" id="consult">
        <div class="img"></div>
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="/huahan/zixun" target="_blank">
          <div class="img"></div>
          <span>获取方案</span>
        </a>
      </div>
    </div>
  </div>
</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min2.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="./js/fixed.js"></script>
<script src="./js/header.js"></script>
<script type="text/javascript">
  new WOW().init();
   // tabs切换

  $('#tabs a').click(function (e) {
      e.preventDefault();
      $('#tabs li').removeClass("current").removeClass("hoverItem");
      $(this).parent().addClass("current");
      // $("#contents div").removeClass("show");
      // $('#' + $(this).attr('title')).addClass('show');
    }

  );

  $('#tabs a').hover(function () {
      if (!$(this).parent().hasClass("current")) {
        $(this).parent().addClass("hoverItem");
      }
    }

    ,
    function () {
      $(this).parent().removeClass("hoverItem");
    }

  );
  // 提交表单
  $('.list-con .btn').click(function () {
    $.post('/huahanadmin/client/save', $('#client').serialize()).then(function (res) {

      if (res.code == 200) {
        document.getElementById("client").reset()
        $('.showModal .success').addClass('active');
      } else {
        $('.showModal .fail').addClass('active');
        $('.showModal .fail .modal-tips-txt').html(res.msg)
      }
    })
    $('.showModal').addClass('active');
  })
  // 隐藏弹窗
  $('.showModal .modal-tips-btn').click(function () {
    $('.showModal').removeClass('active');
    $('.showModal .success').removeClass('active');
    $('.showModal .fail').removeClass('active');
  })
  const mySwiper = new Swiper('.swiper-container', {
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    },
    loop: true, // 循环模式选项
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })
</script>

</html>